.newCoupons {
	display: flex;
	height: calc(100vh - 60px);
	flex-direction: column;
	font-size: 14px;
	
	&_top {
		width: 100%;
		height: 40px;
		padding: 0px 20px;
		display: flex;
		align-items: center;
		
		.into_index {
			width: 100px;
			height: 28px;
			text-align: center;
			line-height: 28px;
			color: #101010;
			font-size: 14px;
			border: 1px solid #BBBBBB;
			position: relative;
			border-radius: 4px;
			cursor: pointer;
			
			i {
				top: 7px;
			}
		}
		
		i {
			position: absolute;
			right: 4px;
			top: 8px;
		}
		
		.current {
			width: 120px;
			height: 30px;
			text-align: center;
			line-height: 30px;
			background: #409EFF 10000%;
			border: 1px solid #fff;
			position: relative;
			font-size: 14px;
			color: #fff;
			margin-left: 10px;
			border-radius: 4px;
			cursor: pointer;
			
			&::before {
				content: '';
				display: inline-block;
				width: 10px;
				height: 10px;
				border-radius: 50%;
				background: #fff;
				position: absolute;
				left: 6px;
				top: 10px;
			}
		}
	}
	
	&_title {
		width: 100%;
		height: 90px;
		background: #F5F5F5;
		padding: 0px 20px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		
		&_left {
			color: #101010;
			font-size: 14px;
			
			i {
				color: #5692FA;
				font-style: normal;
			}
		}
		
		&_right {
			
			&_btn {
				width: 100px;
				height: 40px;
				text-align: center;
				line-height: 40px;
				border-radius: 4px;
				outline: none;
				border: 0 none;
				background: #27B148;
				color: #fff;
				cursor: pointer;
			}
		}
	}
	
	&_content {
		flex: 1;
		padding: 0px 20px 0px 20px;
		overflow: auto;
		
		&_box {
			width: 100%;
			height: 100%;
			
			&_top {
				width: 100%;
				height: 40px;
				display: flex;
				border-bottom: 1px solid rgba(#101010,0.1);
				
				&_title {
					height: 39px;
					padding: 0px 10px;
					display: flex;
					align-items: center;
					cursor: pointer;
					
					&:nth-child(2) {
						margin: 0px 20px;
					}
				}
				
				.title_active {
					border-bottom: 1px solid #25A9FB;
				}
			}
			
			.form_basic {
				margin-top: 10px;
				
				// 基本
				.basic {
					
					.sorting {
						display: flex;
						font-size: 14px;
						color: #101010;
						padding: 0px 20px;
						
						&_left {
							width: 100px;
							text-align: right;
							line-height: 40px;
						}
						
						&_right {
							width: 100%;
							margin-left: 20px;
							
							input {
								width: 100%;
								height: 40px;
								padding-left: 15px;
								outline: none;
							}
							
							p {
								margin-top: 5px;
								color: #ACACAC;
							}
						}
					}
					
					.coupon_name {
						display: flex;
						font-size: 14px;
						color: #101010;
						padding: 0px 20px;
						margin-top: 15px;
						
						&_left {
							width: 100px;
							text-align: right;
							line-height: 40px;
							position: relative;
							
							&::after {
								content: '*';
								color: #F60F32;
								position: absolute;
								right: -10px;
								top: 2px;
							}
						}
						
						&_right {
							width: 100%;
							margin-left: 20px;
							
							input {
								width: 100%;
								height: 40px;
								padding-left: 15px;
								outline: none;
							}
							
							p {
								margin-top: 5px;
								color: #ACACAC;
							}
						}
					}
						
					.coupon_active {
						color: #F60F32;
						
						input {
							border:1px solid #F60F32;
						}
					}
				
					.fication {
						display: flex;
						font-size: 14px;
						color: #101010;
						padding: 0px 20px;
						margin-top: 30px;
						
						&_left {
							width: 100px;
							text-align: right;
							line-height: 40px;
						}
						
						&_right {
							width: 100%;
							margin-left: 20px;
							
							.el-select {
								width: 100%;
							}
							
							/deep/.el-input__inner {
								outline: none;
								border-radius: 0;
								border: 1px solid #ACACAC;
							}
							
						}
					}
				
					.use {
						display: flex;
						font-size: 14px;
						color: #101010;
						padding: 0px 20px;
						margin-top: 30px;
						
						&_left {
							width: 100px;
							text-align: right;
							line-height: 40px;
						}
						
						&_right {
							width: 100%;
							margin-left: 20px;
							
							input {
								width: 100%;
								height: 40px;
								padding-left: 15px;
								outline: none;
							}
							
							p {
								margin-top: 5px;
								color: #ACACAC;
							}
						}
					}
				
					.validity {
						display: flex;
						font-size: 14px;
						color: #101010;
						padding: 0px 20px;
						margin-top: 20px;
						
						&_left {
							width: 100px;
							text-align: right;
							line-height: 40px;
						}
						
						&_right {
							width: 100%;
							margin-left: 20px;
							
							.el-radio {
								width: 120px;
								border: 1px solid #ACACAC;
								border-radius: 0px;
								
								&:first-child {
									margin-right: 0px;
								}
							}
							
							/deep/.is-bordered {
								margin-left: 0px !important;
							}
							
							&_top {
								display: flex;
								align-items: center;
								
								input {
									width: 400px;
									height: 40px;
									outline: none;
									border: 1px solid #ACACAC;
									border-left: 0 none;
									border-right: 0 none;
									padding-left: 15px;
									font-size: 14px;
									color: #606266;
								}
								
								&_box {
									height: 40px;
									padding: 0px 5px;
									border: 1px solid #acacac;
									text-align: center;
									line-height: 40px;
									color: #606266;
								}
							}
							
							&_bottom {
								margin-top: 30px;
								display: flex;
								align-items: center;
								
								/deep/.el-input__inner {
									border: 1px solid #acacac;
									border-left: 0 none;
									border-right: 0 none;
									border-radius: 0;
								}
								
								/deep/.el-range-separator {
									width: 10%;
								}
								
								/deep/.is-active {
									background-color: initial !important;
								}
								
								&_box {
									height: 40px;
									line-height: 40px;
									text-align: center;
									padding: 0px 10px;
									border: 1px solid #ACACAC;
									color: #606266;
								}
							}
						}
					}
				
					.way {
						display: flex;
						font-size: 14px;
						color: #101010;
						padding: 0px 20px;
						margin-top: 20px;
						
						&_left {
							width: 100px;
							text-align: right;
							line-height: 40px;
						}
						
						&_right {
							width: 100%;
							margin-left: 20px;
							
							&_top {
								height: 40px;
								display: flex;
								align-items: center;
							}
							
							&_bottom {
								display: flex;
								align-items: center;
								
								&_left {
									padding: 0px 5px;
									height: 40px;
									border: 1px solid #acacac;
									color: #606266;
									text-align: center;
									line-height: 40px;
								}
								
								input {
									width: 200px;
									height: 40px;
									border: 1px solid #acacac;
									border-left: 0 none;
									border-right: 0 none;
									padding-left: 15px;
									font-size: 14px;
									color: #606266;
									outline: none;
								}
							}
						}
					}
				
					.issue {
						display: flex;
						font-size: 14px;
						color: #101010;
						padding: 0px 20px;
						margin-top: 30px;
						
						&_left {
							width: 100px;
							text-align: right;
							line-height: 40px;
						}
						
						&_right {
							width: 100%;
							margin-left: 20px;
							
							input {
								width: 100%;
								height: 40px;
								padding-left: 15px;
								outline: none;
							}
							
							p {
								margin-top: 5px;
								color: #ACACAC;
							}
						}
					}
					
					.btn {
						display: flex;
						margin-top: 30px;
						
						&_left {
							width: 100px;
							height: 40px;
						}
						
						&_right {
							margin-left: 30px;
							display: flex;
							
							button {
								outline: none;
								width: 80px;
								height: 40px;
								display: flex;
								justify-content: center;
								align-items: center;
								font-size: 14px;
								color: #606266;
								border: 1px solid #acacac;
								cursor: pointer;
							}
							
							.submit {
								background: #25A9FB;
								color: #fff;
								border: 0 none;
								margin-right: 30px;
							}
						}
					}
				}
			}
			
			// 限制
			.limit {
				font-size: 14px;
				color: initial;
				padding: 0px 20px;
				
				// 优惠使用限制
				.preferential {
					display: flex;
					
					&_left {
						width: 140px;
						text-align: right;
					}
					
					&_right {
						width: 100%;
						margin-left: 20px;
						
						p {
							color: #acacac;
							margin-top: 10px;
						}
					}
				}
				
				// 商品分类使用限制
				.classification {
					display: flex;
					margin-top: 30px;
					
					&_left {
						width: 140px;
						text-align: right;
					}
					
					&_right {
						width: 100%;
						margin-left: 20px;
						
						p {
							color: #acacac;
							margin-top: 10px;
						}
					}
				}
				
				// 选择商品分类
				.selectGoods {
					display: flex;
					margin-top: 30px;
					
					&_left {
						width: 127px;
						text-align: right;
						line-height: 40px;
					}
					
					&_right {
						width: 600px;
						margin-left: 20px;
						height: 40px;
						border: 1px solid rgba(#101010,0.1);
						display: flex;
						justify-content: flex-start;
						align-items: center;
						
						&_box {
							height: 20px;
							border: 1px solid #606266;
							margin-left: 5px;
							display: flex;
							justify-content: space-between;
							align-items: center;
							padding: 0px 2px;
							background: #DEE1E8;
							
							&_down {
								cursor: pointer;
							}
							
							&_title {
								font-size: 14px;
								color: initial;
							}
						}
					}
				}
				
				.goodLimit {
					display: flex;
					margin-top: 30px;
					
					&_left {
						width: 140px;
						text-align: right;
						line-height: 40px;
					}
					
					&_right {
						width: 100%;
						margin-left: 20px;
						height: 40px;
						display: flex;
						align-items: center;
					}
				}
				
				.select_goods {
					display: flex;
					margin-top: 30px;
					
					&_left {
						width: 140px;
						line-height: 40px;
						text-align: right;
					}
					
					&_right {
						width: 100%;
						margin-left: 20px;
						
						&_top {
							width: 100%;
							display: flex;
							
							input {
								flex: 1;
								height: 40px;
								outline: none;
								padding-left: 15px;
								font-size: 14px;
							}
							
							button {
								width: 100px;
								height: 40px;
								font-size: 14px;
								color: #fff;
								background: #25A9FB;
								border: 0 none;
								text-align: center;
								line-height: 40px;
								cursor: pointer;
							}
						}
						
						&_bottom {
							margin-top: 20px;
							font-size: 14px;
							color: #acacac;
						}
					}
				}
				
				.limit_btn {
					display: flex;
					margin-top: 30px;
					
					&_left {
						width: 140px;
					}
					
					&_right {
						width: 100%;
						display: flex;
						
						button {
							outline: none;
							width: 80px;
							height: 40px;
							display: flex;
							justify-content: center;
							align-items: center;
							font-size: 14px;
							color: #606266;
							border: 1px solid #acacac;
							cursor: pointer;
						}
						
						.limitSubmit {
							background: #25A9FB;
							color: #fff;
							border: 0 none;
							margin-right: 30px;
						}
					}
				}
			}
			
			// 说明
			.instructions {
				font-size: 14px;
				color: initial;
				padding: 0px 20px;
				
				.unified {
					display: flex;
					
					&_left {
						width: 140px;
						text-align: right;
					}
					
					&_right {
						width: 100%;
						margin-left: 20px;
						
						&_bottom {
							margin-top: 10px;
							color: #606266;
							
							i {
								font-style: normal;
								color: #101010;
							}
						}
					}
				}
				
				.uses {
					display: flex;
					margin-top: 30px;
					
					&_left {
						width: 140px;
						text-align: right;
					}
					
					&_right {
						width: 100%;
						margin-left: 20px;
						
						/deep/#editor {
							height: 300px;
						}
					}
				}
				
				.instruct_btn {
					display: flex;
					margin-top: 30px;
					
					&_left {
						width: 140px;
					}
					
					&_right {
						width: 100%;
						display: flex;
						
						button {
							outline: none;
							width: 80px;
							height: 40px;
							display: flex;
							justify-content: center;
							align-items: center;
							font-size: 14px;
							color: #606266;
							border: 1px solid #acacac;
							cursor: pointer;
						}
						
						.instructSubmit {
							background: #25A9FB;
							color: #fff;
							border: 0 none;
							margin-right: 30px;
						}
					}
				}
			}
		}
	}
}